<template>
  <div id="sunwu">
    <common-header></common-header>
    <artical-list :key="book.guid" v-for="book of books" :title="book.name" :guid="book.guid"  ></artical-list>
  </div>
</template>


<script>
  import CommonHeader from './CommonHeader';
  import ArticalList from './ArticleList'

  export default {
    data() {
      return {
        books: [
          {guid:'g234321','name':'z数据库数据的反馈'},
          {guid:'g34df23423','name':'z数据库数据的反馈'},
          {guid:'g34s2sd3423','name':'z数据库数据的反馈'},
          {guid:'g3423243223','name':'z数据库数据的反馈'},
          {guid:'g34234sd233','name':'z数据库数据的反馈'},
          {guid:'g3423423sdf','name':'z数据库数据的反馈'},
        ]
      }
    },
    components: {
      CommonHeader,
      ArticalList
    }
  }
</script>

<style>
  #sunwu {
    height: 500px;
    border: 1px solid blue;
    background: #efefef;
  }
</style>
